# Legenda - Premium Responsive Magento Theme

## Compatible with: Magento 1.7.0.x, 1.8.0.x, 1.9.0.x, 1.9.1.x, 1.9.2.x

- created: 07/04/2014
- by: SW-THEMES

Dear Customers !
Legenda is a premium responsive Magento theme equipped powerful admin panel, is built in extremely modern design that you will love.
This theme is suitable for any kind of ecommerce purpose sites, provides lots of homepage variations and functionalities. We will update and improve Legenda’s functionality regularly with latest features.
Don't forget to rate this theme on ThemeForest(but not 1 star :)) – It would be a great help for us.
You can rate it in the download area of your account on ThemeForest: http://themeforest.net/downloads
You can follow us on twitter and themeforest to get our updates for upcoming products and current products.
This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties.
If you get any problems with Legenda, please follow us on themeforest comment form or email us through Themeforest profile page.

### References

We recommend you to use below urls for your installing and configuring magento sites as tutorial.
1. Magento installation

- Magento FAQ: http://www.magentocommerce.com/product/faq
- System Requirements: http://www.magentocommerce.com/system-requirements/
- Server Compatibility Check: http://www.magentocommerce.com/knowledge-base/entry/how-do-i-know-if-my-server-is-compatible-with-magento
- Installation Guide: http://www.magentocommerce.com/knowledge-base/entry/magento-installation-guide

2. Magento help

- Online Magento guide: Table of contents: see the list of all topics
- Magento Knowledge Base: http://www.magentocommerce.com/knowledge-base
- Magento Wiki: http://www.magentocommerce.com/wiki/
- Magento Forum: http://www.magentocommerce.com/boards/
- stackoverflow.com: http://stackoverflow.com/questions/tagged/magento
- Magento Answers Stack Exchange: http://magento.stackexchange.com/

### Installation

Important:

- We recommend you to backup your original files and database data before theme activation.
- You should Logout/Login again after activate the theme to make all adjustments work.
- It is a good idea to disable Magento cache before you start to configure your store. Otherwise you will need to flush the cache in order to make theme installation/configuration working.
- To install demo products and categories you can use the sample data from the official Magento site (it must be installed prior to the basic Magento installation):
  http://www.magentocommerce.com/knowledge-base/entry/installing-sample-data-archive-for-magento-ce
  http://www.magentocommerce.com/download

Theme Installation & Activation

1. Extract the theme package(downloaded file from themeforest) on your computer and navigate inside "Theme Files" directory.
2. Unzip "Legenda_Theme.zip" file – it contains 5 directories: app, js, lib, skin and media.
3. Using your FTP client upload 5 directories to your Magento's root directory (Magento's root directory is where you can find Magento's basic files, such as: index.php and get.php).
4. Once you have uploaded the theme, pleae clear all cache in System > Cache Management, then you should logout and login again.
5. To install sample content as our demo, please goto System > Configuration > Legenda 1.0.0> Legenda - Theme Settings > Theme Installation and import static blocks/cms pages.
6. Activate your package in Configuration > GENERAL > Design > Package( In our case package name is smartwave) and your theme in Configuration > GENERAL > Design > Themes (Set the Themes > "Default" as pasted theme directory name, the name is "legenda" in our case.)
7. Please go to Configuration > GENERAL > Web > Default Pages and select CMS Home Page field as "Legenda | Premium Magento Template".

### Theme Design

This theme is equipped with administrative module which gives you the ability to configure the visual appearance of your store. You can change the colors of many elements by using color pickers or by specifying the color code manually. You can also apply textures (patterns) for the main sections of the page.
Go to System > Configuration > LEGENDA 1.0.0 > Legenda - Theme Design section to configure the theme. Names of most of the options are pretty self-explanatory.

Note: It is a good idea to disable Magento cache before you start to configure your store. Otherwise you will need to flush the cache in order to see any changes you have made in the configuration.

## General

In this tab, you can set theme default colors, ex, a:hover, button background, and theme styles(light or dark), etc, these changes will be inherited by all sections of the page.

## Colors

In this tab, you can set options for general items in all pages like text, links, buttons, add to wishlist, add to compare, price, menu icons, category "hot" and "new" labels etc, these changes will be inherited by all sections of the page.

## Fonts

In this tab, you can set options for general items in all pages like text, links, buttons, add to wishlist, add to compare, new and sale labels, etc, these changes will be inherited by all sections of the page.

## Page

In this tab, you can set options related to page background.

- Main Background - Background of main section in page.
- Backgroun Color - Background color of main section in page.
- Backgroun Texture - Choose texture mode for background, preview is available.
- Body Background - Background of the entire page. In Boxed version this will be effective.
- Backgroun Color - Background color of the entire page.
- Body Background Type - Background type (texture and image).
- Background Image - Background Image of the entire page.

## Header

In this tab, you can set options related to header. Each fields show enough their functions by their name.

- Top Bar - Choose background color, links color and border colors for header.
- Main Navigation - Choose background color, text and link color, font. And choose sticky header background color, background image(Transparency Background), popup background and background image.
- Popup - Choose background color,
- Sticky Header - Choose options for default menu's dropdown area.
- Main Header > Background Color - The background color of main part of header. (version 1.1.0)

## Footer

In this tab, you can set options related to footer. Each fields show enough their functions by their name.

### Theme Settings

This theme is equipped with the dedicated administrative module which offers a variety of additional settings. Go to System > Configuration > Legenda 1.0.0 > Legenda - Theme Settings section in Magento admin panel to configure the basic settings of the theme.

## General

In this tab, you can set options related to page layout and favicon effect.
If you set Favicon Effect to Eanble, when you add to cart, favicon will be changed as bellow images.

## Header

In this tab, you can set header type, top panel (static block id) on your frontend.

Header Types

Top Panel

## Footer

In this tab, you can set options related to footer.

- Show Pre Footer - Shows/hides static block on above footer area.
- Show Footer Top - Shows/hides top of the footer area.
  To get information about social icon widget, please go to SW Extensions
- Show Footer Bottom - Shows/hides bottom of the footer area.
  To get information about social icon widget, please go to SW Extensions
- Show Copyright Block - Shows/hides copyright block.
- Logo Image - Set the logo image of the footer.(The logo image must be in skin/frontend/smartwave/legenda/images folder.)

## Category View

In this tab, you can set options for the category view page.

- Hover Image List - If set to Yes, shows product images as list on the product image area.
- Keep Image Aspect Ratio - If set to Yes, shows product image with uploaded image's width/height.
- Image Width / Image Height - If set "Keep Image Aspect Ratio" to No, shows product image with these options width/height.
- Main Category > Main Category Navigation Position - You can move the main category navigation block into left or right sidebar as default. You can set the position of individual categories in Catalog > Manage Categories > ~~your category~~ > Legenda Design > Main Category List Position.
- Category View Side Block > Block Id - Set Static block id on side bar of category page.

## Category View(Grid Mode)

In this tab, you can set products grid columns to show as default in the category page.

You can set the position of individual categories in Catalog > Manage Categories > ~~your category~~ > Legenda Design > Main Category List Position.

3 Columns View

4 Columns View

5 Columns View

## Shopping Cart

In this tab, you can set the static block id to display on shopping cart page.

## Product Label

In this tab, you can show/hide "New/Sale" product labels.

You can set "New from date" or "New to date" attributes for the "New Products", set "Special Price" attribute for the "Sale Products" in Catalog > Manage Products.

## Contact Us

In this tab, you can show the google map and contact infomations.

## Customization Settings

In this tab, you can enable/disable custom.css where you can put your own css styes without touching Legenda files.

## Theme Installation

In this tab, you can get sample static blocks/cms pages as our demo site.

To get sample static blocks/cms pages as our demo, please click 2 import buttons.

### SW EXTENSIONS

## SW QuickView

In this tab, you can set options for quickview.

## Ajax Cart

In this tab, you can set options for ajax add to cart and ajax add to links.

## One Page Checkout

In this tab, you can set options related to One Page Checkout page.

## Sharing Tool

In this tab, you can set options related to sharing tool in product page and footer. Each fields show enough their functions by their name and left a brief comments under each fields.

## SW Megamenu

In this tab, you can set options for Megamenu. Please see here for configuration.

## Product Image Zoom

In this tab, you can set options for image zoom in product view page and quickview.

## Social Feeds

In this tab, you can set options related to tweets, facebook, flickr in the footer. Each fields show enough their functions by their name and left a brief comments under each fields.

## Ajax Catalog

You can set options related Ajax Cataolog extension.

- Price Slider Settings - Enable Price Slider, Ajax for layered navigation, Ajax for Price Slider and Ajax for product toolbar in category page.
- Price Slider Configuration - Set options related to price slider functions.

You should set Catalogue > Manage Categories > Display Settings > IsAnchor field to "Yes" to use this price filter.

- AJAX Configuration - Set options related to ajax configuration on category page. This functions supports AJAX for the functions of toolbar including switch Grid and List mode, and sort products.

## Filter Products

In this tab, you can set options related Filterproducts extension

- Bestsellers Configuration - Set options related to best sellers view on homepage.
- Featured Products Configuration - Set options related to featured products view on homepage.
- Most Viewed Configuration - Set options related to most viewed products view on homepage.
- New Products Configuration - Set options related to featured products view on homepage.
- Latest Products Configuration - Set options related to latest products view on homepage.
- Sale Products Configuration - Set options related to special products view on homepage.

## Blog

In this tab, you can set options for Blog pages.

## Revolution Slider

In this tab, you can set the slider static block id and configuration for homepage.Please see here to insert home slider.

Static Block IDs for each slider types

### Configuration

## Menu Configuration

Here you can learn how to configure menu as our demo site.

System > Configuration > SW EXTENSIONS > SW Megamenu

- Default Menu Type - You can set the popup menu type as default.
- Show the link"home" - You can set to include "home" link in top menu.
- Custom Links & Blocks > Custom Links and Custom Mobile Links - Set the static block id for custom menu link and custom mobile menu links.Block Ids are seperated by comma.
- Sub Category Menu Columns (Default) - You can set the column of the category menu as default value in here. (version 1.1.0)

- Go to the Manage Categories page to follow Catalog > Manage Categories.
- Select "Default Category" in the treeview area at the left side.
- Click "Add Subcategory" button, then input Category name, Description, etc. Notes: set the options "Is Active" to "Yes", "Include in Navigation Menu" to "Yes" in "General Information" tab.
- If this category is 1st level and your menu type is "Wide", you can add some custom blocks at the top or bottom or right area in the menu, to input the fields in "Menu" tab.
- If this category is 1st level and your menu type is "Wide", you can set the column of sub category menu in "Menu > Sub Category Menu".(Default value is setted from "System > Configuration > SW EXTENSIONS > SW Megamenu > Sub Category Menu Columns (Default)")
- Click "Save Category" button, to update your changes.

- If you set Thumbnail Image in General Information tab of category, you can see the thumbnail image in megamenu.But it's displayed in only level 1 categories.

## Vertical Menu Configuration (version 1.1.0)

Here you can learn how to config vertical menu as our demo site.

System > Configuration > SW EXTENSIONS > SW Megamenu

- Include All Categories in Top Navigation - If you set 'Yes', all categories items display in top menu.
  If you set 'No', the categories does not display.
- Include Category item in Top Navigation - When 'Include All Categories in Top Navigation' is 'No' and this value is 'Yes', the 'Categories' item will be displayed in Top Menu.
- The configuration of the vetical menu is same as menu configuration.
- This is sample to add the vertical menu to CMS Page.
  {{block type="megamenu/toggle" template="smartwave/megamenu/html/catlist.phtml"}}

## Category Banner Configuration

You can set category banner with static block or images.

- Go to the Manage Categories page to follow Catalog > Manage Categories.
- Select "Default Category" in the treeview area at the left side.
- Click "Add Subcategory" button, then input Category name, Description, etc. Notes: set the options "Is Active" to "Yes", "Include in Navigation Menu" to "Yes" in "General Information" tab.
- If you want to display banner image, please set image in "General Information" tab.
- In order to display banner with static block, please set Category Banner Block in "Legenda Design" tab.
- Click "Save Category" button, to update your changes.

## Homepage Slider Configuration

You have 2 ways to insert the slider to Homepage.

- Please make revolution slider block in CMS > Static Blocks
- Default - Go to the System > Configuration > SW EXTENSIONS > Revolution Slider and set Static Block Id in General Settings tab.
- Other Way - Please make empty the Static Block Id System > Configuration > SW EXTENSIONS > Revolution Slider > General Settings. In CMS page (homepage), please insert revolution slider block to this page. {{block type="core/template" template="revolutionslider/revolutionslider.phtml" block_id="home_slider_1"}}
- Please check these sites in order to know how to edit revolution slider. http://www.orbis-ingenieria.com/code/documentation/documentation.html and http://themepunch.com/revolution/.

## Brand Setting

- Please go to Catalog > Attributes > Manage Attribures and find 'manufacturer' attribute. Please select this attribute and set 'Use In Layered Navigation' to 'Filterable(With Results)'. And in 'Manage Label/Option' tab please add options.
- Please go to Catalog > Attributes > Attribute Sets and add attribute to attribute set.
- When you create new product, please set the manufacture from dropdown.
- Please upload brand image to media\wysiwyg\smartwave\legenda\brands folder.
- The rule of File name for brand: The file name must be same as brand attribute. If the attribute name has space, it must be replaced with '_' character. For example, the manufacture attribute value is 'test brand', file name must be 'test_brand.png'.

## Vertical Menu Block

- This function is added from version 1.2.0.
- If you want to display vertical menu as accordion in the cms page, you can add this code in cms page to do this.
  {{block type="megamenu/toggle" template="smartwave/megamenu/html/cataccordion.phtml"}}
- If you want to display vertical menu as accordion as page layout, please use this

      <block type="megamenu/toggle" template="smartwave/megamenu/html/cataccordion.phtml"></block>

### Troubleshoots

- Why do I get 404 error when I try to enter admin panel options?
  Please logout/login again after theme activation.
- Some of the theme features don't work or give errors.
  What can cause the problem:
  a) Magento cache (or external cache) was not flushed after installation of the theme.
  b) Compilation mode was not disabled before installation.
  c) Some of the theme files were not uploaded.
  d) You edited theme files and accidentally removed or changed something in the files.
  e) You have customized the theme by creating custom sub-theme and your
  modifications change/break the default behavior of the theme.
  f) You have some elements that left from your previous theme (e.g. in Magento's "base" theme in app/design/frontend/base/) and that changes/breaks the default behavior of the theme.
- I've activated theme and imported static blocks, but my site is not same as demo site.
  In most case this is because you did not upload theme files correctly, please upload all files again and contact us if you get same issue.
- There is no theme admin tab in the admin panel, or I get a blank page, or Access Denied error.
  Log out from Magento admin panel, delete all files in var/cache/ directory, clear web browser cache/cookies for your store domain and log in again.
- Theme was installed but Magento doesn't see the theme files.
  This may be file permissions issue – your Magento doesn’t have access to the theme files because of incorrect file permissions on your server. You need to set correct file permissions for all theme files (the same permissions as for other Magento files).
- Some of the theme features don't work or give errors.
  This message means that:
  a) theme files were not uploaded,
  b) or they are not in the correct place,
  c) or there is file permissions issue.
- After theme installation the store gives blank page or an error.
  Log out from Magento admin panel. Change the owner of the uploaded files to the web server user and set 775 permissions for them. Delete all files in var/cache/ directory and try again.
- Tabs, sliders or other interactive elements don't work.
  This may be caused by jQuery conflict: one of your custom extensions is loading another version of jQuery. You need to remove that version of jQuery or remove that extension.
- Images (e.g. in the slideshow) are not displayed.
  First, check if images were uploaded and if correct paths to those files are specified.
  This may be file permissions issue – your Magento doesn’t have access to images because of incorrect file permissions on your server. You need to set correct file permissions for all images and folders (in most cases images are stored in media directory).
- Theme configuration changes do not appear on the frontend.
  Flush Magento cache in System > Cache Management, clear web browser cache/cookies for your store domain and refresh the page in your web browser.
- One of my extensions doesn't work with this theme.
  This theme may not be compatible with some third-party extensions. It’s impossible for theme author to make the theme compatible by default with all existing extensions because there are thousands of available Magento extensions.
  Generally all extensions can work with all themes but sometimes they have to be integrated manually. That’s because sometimes the extension and the theme override the same Magento template file so there can be a conflict.

### Changelog

## Version 1.0.0 (7.7.2014)

- Initial Release(7.7.2014)

## Version 1.0.1 (7.14.2014)

- Added Demo Version 10(7.14.2014)

## Version 1.0.2 (7.17.2014)

- Added Megamenu Feature. (category thumbnail imaage on megamenu)(7.17.2014)

## Version 1.1.0 (8.12.2014)

- Added Vertical Menu.(8.12.2014)
- Added Demo Version 11.(8.12.2014)
- Added Magento 1.7 Patch.(8.12.2014)
- Updated Documentation.(8.12.2014)

## Version 1.1.1 (8.26.2014)

- Changed Brand templage.(8.26.2014)

## Version 1.1.2 (9.2.2014)

- Updated onepagecheckout (GeoIP).(9.2.2014)

## Version 1.1.3 (9.4.2014)

- Updated 'checkout with paypal' page style issues.(9.4.2014)

## Version 1.1.4 (9.8.2014)

- Updated Revolutionslider Jquery(version 4.5).(9.8.2014)

## Version 1.1.5 (9.11.2014)

- Updated Sample Content (demo 11)(9.11.2014)
- Updated Blog Menu Link in megamenu (demo 11)(9.11.2014)
- Updated Category Menu Item (demo 11)(9.11.2014)

## Version 1.1.6 (9.17.2014)

- Shopping Cart template update (Magento version 1.9.x)(9.17.2014)

## Version 1.1.7 (10.3.2014)

- Fixed Onepagecheckout Issue (For the user logged in )(10.3.2014)
- Updated Blog Link on Megamenu (10.3.2014)

## Version 1.2.0 (10.11.2014)

- Added Vertical Category Menu Function (10.11.2014)
- Updated Quickview Function (10.11.2014)
- Updated Google map function (10.11.2014)

## Version 1.2.1 (11.12.2014)

- Fixed price duplicated issue.
- Updated Ajaxcart (for IE)
- Fixed style issue for account page

## Version 1.2.2 (11.13.2014)

- Fixed Update Cart Issue.
- Fixed the issue for continue shopping

## Version 1.2.3 (12.1.2014)

- Ready for Magento 1.9.1.0

## Version 1.2.4 (2.20.2015)

- Update for Magento 1.9.1 Patch
- Oneclick Install Module
- Removed Onepagecheckout (Magento 1.9.1.0)

## Version 1.3.0 (10.23.2015)

- Update for Magento 1.9.2.2
- Custom Tab in Product Detail Page
- Removed Onepagecheckout
- Compatibility for Onepagecheckout (IWD Onepagecheckout Extension)
- The function to destroy zoom function in Mobile device
- Updated Calculate Shipping in Cart page